/* 全局样式 */
// 覆盖element-plus主要主题色
/* :root {
  --el-color-primary: #00B277 !important;
} */

// 自定义字体引入
@font-face {
  font-family: 'LCD2';
  src: url('../fonts/LCD2.ttf');
  font-weight: 600;
  font-style: normal;
}

// 全局样式
html,
body,
#app {
  overflow: hidden;
  height: 100%;
  color: $global-font-color;
  font: 400 $global-font-size 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', Arial, sans-serif;

  // css抗锯齿
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility; // 文本渲染 - optimizeLegibility 侧重文本的清晰度
}

// element-plus 下拉菜单项
.el-dropdown-menu__item {
  padding: 5px 20px !important;
}

// vue独有
[v-clock] {
  display: none;
}

// 小屏手机分辨率
@media (max-width: 767px) {
  html {
    //font-size: 12px;
  }
}

// iPad分辨率
@media (min-width: 768px) and (max-width: 1199px) {
  html {
    //font-size: 14px;
  }
}

// PC超小屏幕
@media (min-width: 1200px) {
  html {
    //font-size: 16px;
  }
}

// PC小屏幕
@media (min-width: 1201px) and (max-width: 1599px) {
  html {
    //font-size: 18px;
  }
}

// PC中等屏幕
@media (min-width: 1600px) {
  html {
    //font-size: 20px;
  }
}

// PC大屏幕
@media (min-width: 1601px) and (max-width: 1919px) {
  html {
    //font-size: 22px;
  }
}

// 超大屏幕
@media (min-width: 1920px) {
  html {
    //font-size: 24px;
  }
}
